<ion-header>
  <ion-navbar>
    <ion-title>车辆使用申请</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text">申请信息</span>
    </ion-list-header>
    <ion-item>
      <span class="bhq-title">用车部门: </span>
      <span class="bhq-content">{{gzclsq.editRow.ycbmName}}</span>
    </ion-item>
    <ion-item>
      <span class="bhq-title">申请人: </span>
      <span class="bhq-content">{{gzclsq.editRow.ssqr}}</span>
    </ion-item>
    <ion-item>
      <span class="bhq-title">开始时间: </span>
      <span class="bhq-content">{{gzclsq.editRow.djysj | asDate}}</span>
    </ion-item>
    <ion-item>
      <span class="bhq-title">结束时间: </span>
      <span class="bhq-content">{{gzclsq.editRow.dghsj | asDate}}</span>
    </ion-item>
    <ion-item>
      <span class="bhq-title">用车事由: </span>
      <span class="bhq-content">{{gzclsq.editRow.ssqyy}}</span>
    </ion-item>
    <ion-item>
      <span class="bhq-title">用车地点: </span>
      <span class="bhq-content">{{gzclsq.editRow.ycdd}}</span>
    </ion-item>
    <ion-item>
      <span class="bhq-title">用车人数: </span>
      <span class="bhq-content">{{gzclsq.editRow.ycrs}}</span>
    </ion-item>
    <ion-item>
      <span class="bhq-title">用车人员: </span>
      <span class="bhq-content">{{gzclsq.editRow.ycry}}</span>
    </ion-item>
    <!-- <ion-item>
      <span class="bhq-title">驾驶员: </span>
      <span class="bhq-content">{{gzclsq.editRow.jsy}}</span>
    </ion-item>
    <ion-item>
      <span class="bhq-title">联系方式: </span>
      <span class="bhq-content">{{gzclsq.editRow.slxfs}}</span>
    </ion-item> -->
    <ion-item>
      <span class="bhq-title">申请时间: </span>
      <span class="bhq-content">{{gzclsq.editRow.dsqsj | asDate}}</span>
    </ion-item>
    <ion-item>
      <span class="bhq-title">备注: </span>
      <span class="bhq-content">{{gzclsq.editRow.sbz}}</span>
    </ion-item>
  </ion-list>

  <ion-list class="approval-list" *ngIf="gzclsq.editRow.bpmkey=='clsysq'">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab2">部门签批</span>
    </ion-list-header>
    <div *ngIf="gzclsq.process.usertask2!=null">
      <div *ngFor="let item of  gzclsq.process.usertask2.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" style="height:50px !important" *ngIf="gzclsq.process.usertask2.editRow!=null && gzclsq.proauth.sbmspyj  && gzclsq.process.usertask2.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzclsq.process.usertask2.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>

  <ion-list class="approval-list">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab3">分管领导签批</span>
    </ion-list-header>
    <div *ngIf="gzclsq.process.usertask3!=null">
      <div *ngFor="let item of  gzclsq.process.usertask3.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>

      <ion-item class="bhq-last-child" style="height:50px !important" *ngIf="gzclsq.process.usertask3.editRow!=null && gzclsq.proauth.fgldsp  && gzclsq.process.usertask3.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzclsq.process.usertask3.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>

  <ion-list class="approval-list" *ngIf="gzclsq.editRow.bpmkey=='clsysq' || gzclsq.editRow.bpmkey=='clsysq_kjgb'">
    <ion-list-header>
      <span class="approval-list-header-text" id="tab4">办公室调度意见</span>
    </ion-list-header>

    <ion-item>
        <ion-label class="bhq-title">现金加油:</ion-label>
        <ion-label class="bhq-content" *ngIf="!gzclsq.proauth.ddsh">{{gzclsq.editRow.sxjjy}}</ion-label>
        <ion-input class="bhq-content-right" [(ngModel)]="gzclsq.editRow.sxjjy" *ngIf="gzclsq.proauth.ddsh"></ion-input>
      </ion-item>
      <ion-item>
        <ion-label class="bhq-title">卡加油:</ion-label>
        <ion-label class="bhq-content" *ngIf="!gzclsq.proauth.ddsh">{{gzclsq.editRow.skjy}}</ion-label>
        <ion-input class="bhq-content-right" [(ngModel)]="gzclsq.editRow.skjy" *ngIf="gzclsq.proauth.ddsh"></ion-input>
      </ion-item>
      <ion-item>
        <span class="bhq-title">驾驶员: </span>
        <ion-label class="bhq-content" *ngIf="!gzclsq.proauth.ddsh">{{gzclsq.editRow.jsy}}</ion-label>
        <ion-input class="bhq-content-right" [(ngModel)]="gzclsq.editRow.jsy" *ngIf="gzclsq.proauth.ddsh"></ion-input>
      </ion-item>
      <ion-item>
        <span class="bhq-title">联系方式: </span>
        <ion-label class="bhq-content" *ngIf="!gzclsq.proauth.ddsh">{{gzclsq.editRow.slxfs}}</ion-label>
        <ion-input class="bhq-content-right" [(ngModel)]="gzclsq.editRow.slxfs" *ngIf="gzclsq.proauth.ddsh"></ion-input>
      </ion-item>
      <ion-item>
        <!--<ion-label class="bhq-title"></ion-label>-->
        车牌号:{{gzclsq.editRow.cph}}
       <!-- <ion-label class="bhq-content" *ngIf="!gzclsq.proauth.ddsh">{{gzclsq.editRow.cph}}</ion-label>-->

        <button ion-button (click)="selectClcph();" *ngIf="gzclsq.proauth.ddsh">选择车辆</button >
        <!--<ion-input class="bhq-content-right" [(ngModel)]="gzclsq.editRow.cph" *ngIf="gzclsq.proauth.ddsh"></ion-input>-->
      </ion-item>

    <div *ngIf="gzclsq.process.usertask4!=null">
      <div *ngFor="let item of  gzclsq.process.usertask4.history">
        <ion-item>
          <ion-label class="bhq-content">{{item.optcontent}}</ion-label>
        </ion-item>
        <ion-item class="bhq-last-child">
          <ion-label class="bhq-content">签批人: {{item.optassigneesname}}</ion-label>
          <ion-label class="bhq-content">时间:{{item.opttime | asDate}}</ion-label>
        </ion-item>
      </div>
      <ion-item class="bhq-last-child" *ngIf="gzclsq.process.usertask4.editRow!=null && gzclsq.proauth.ddsh  && gzclsq.process.usertask4.userEdit">
        <ion-label class="bhq-title">签批意见:</ion-label>
        <ion-textarea class="zs-answer-inn" aria-rowspan="5" [(ngModel)]="gzclsq.process.usertask4.editRow.optcontent">
        </ion-textarea>
      </ion-item>
    </div>
  </ion-list>
</ion-content>

<ion-footer class="bhq-bpm-button">
  <div class="footer-btn" *ngIf="gzclsq.auth.opt_th" (click)="gzclsq.getBackTask(null,null);">
    <ion-icon name="arrow-dropleft-circle" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>退回</p>
  </div>
  <div class="footer-btn" *ngIf="gzclsq.auth.opt_bc" (click)="gzclsq.bpmSave(null);">
    <ion-icon name="lock" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>保存</p>
  </div>
  <div class="footer-btn" *ngIf="gzclsq.auth.opt_tj" (click)="gzclsq.getNextTask(null,null);">
    <ion-icon name="arrow-dropright-circle" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>通过</p>
  </div>
  <!-- <div class="footer-more" (click)="goProcessPage();">...</div> -->
  <div class="footer-btn" (click)="goProcessPage();">
    <ion-icon name="keypad" style="font-size:2em;color: #5477b0;"></ion-icon>
    <p>更多</p>
</div>
</ion-footer>